<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>加入我们</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/style1.css">
    <link rel="stylesheet" href="css/style2.css">
 
</head>
<body>
<header>
    <!-- Header Top Start -->
    <div class="header-top">
        <div class="container">
            <div class="row">
                <div class="header-social text-right col-md-12 clear">
                    <a class="fr a1" href="#">中文</a>
                    <a class="fr a2" href="#"><img src="img/icon2.png" alt=""></a>
                    <div class="fr pr shousuo">
                        <input type="text">
                        <button></button>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- Header Top End -->
    <!-- Header Bottom Start -->
    <div class="header-bottom pr">
        <div class="container">
            <div class="row">
                <div class="col-xs-4">
                    <img src="img/logo.png" alt="" class="logo">
                </div>
                <div class="col-xs-8 ">
                    <ul class="nav navbar-nav bigNav">
                        <li class="active"><a href="#">首页</a></li>
                        <li><a href="#">关于我们</a></li>
                        <li class="dropdown">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                                产品与服务 <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu">
                                <li><a href="#">解决方案</a></li>
                                <li><a href="#">产品中心</a></li>
                                <li><a href="#">服务与支持</a></li>
                                <li><a href="#">成功案例</a></li>
                                <li><a href="#">质量控制</a></li>
                            </ul>
                        </li>
                        <li><a href="#">加入BEST</a></li>
                        <li><a href="#">新闻资讯</a></li>
                        <li><a href="#">技术创新</a></li>
                    </ul>
                    <img class="fr nav_icon visible-xs" src="img/icon3.png" alt="">
                </div>
            </div>
        </div>
    </div>
</header>

<div class="banner pr">
    <div id="myCarousel" class="carousel slide">
        <!-- 轮播（Carousel）项目 -->
        <div class="carousel-inner">
            <div class="item active">
                <img src="img/img9.png" alt="First slide">
            </div>
            <div class="item">
                <img src="img/img9.png" alt="First slide">
            </div>
            <div class="item">
                <img src="img/img9.png" alt="First slide">
            </div>
            <div class="item">
                <img src="img/img9.png" alt="First slide">
            </div>
        </div>
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>
    </div>
</div>

<div class="" style="padding: 40px 0; background-color: #fff">
    <div class="box-ti-3 container" id="dian1">
        <h3>招聘职位</h3>
        <div class="ti-3">
            <div class="ti-3-line"></div>
            <div class="ti-3-text">POSITION</div>
            <div class="ti-3-line"></div>
        </div>
    </div>    

	<div class="j-list container">    
        <div id="myCarousel1" class="carousel slide clearfix">
            <a class="left  con4_con_a fl hidden-xs" href="#myCarousel1" role="button" data-slide="prev">
            <img src="img/icon17.png" alt="">
            </a>
            <div class="con3_con con3_con_3">
                <div class="carousel-inner">
                    <div class="item active">
                        <div class="col-sm-4 j-item">
                            <h4>技术工程师 </h4>
                            <p>
                                基于Web2.0架构的大型金融系统的功能实现、实施；2、实现业务模块的开发，按时完成编码任务，对代码质量负责；3、按规范设计测试用例，进行单元测试，集成测试，并书写测试报告；
                            </p>
                            <a href="#"><img src="img/icon28.png"/></a>
                        </div>
                        <div class="col-sm-4 j-item">
                            <h4>技术工程师 </h4>
                            <p>
                                基于Web2.0架构的大型金融系统的功能实现、实施；2、实现业务模块的开发，按时完成编码任务，对代码质量负责；3、按规范设计测试用例，进行单元测试，集成测试，并书写测试报告；
                            </p>
                            <a href="#"><img src="img/icon28.png"/></a>
                        </div>
                        <div class="col-sm-4 j-item">
                            <h4>技术工程师 </h4>
                            <p>
                                基于Web2.0架构的大型金融系统的功能实现、实施；2、实现业务模块的开发，按时完成编码任务，对代码质量负责；3、按规范设计测试用例，进行单元测试，集成测试，并书写测试报告；
                            </p>
                            <a href="#"><img src="img/icon28.png"/></a>
                        </div>
                    </div>
                    <div class="item con3_list_box">
                        <div class="col-sm-4 j-item">
                            <h4>技术工程师 </h4>
                            <p>
                                基于Web2.0架构的大型金融系统的功能实现、实施；2、实现业务模块的开发，按时完成编码任务，对代码质量负责；3、按规范设计测试用例，进行单元测试，集成测试，并书写测试报告；
                            </p>
                            <a href="#"><img src="img/icon28.png"/></a>
                        </div>
                        <div class="col-sm-4 j-item">
                            <h4>技术工程师 </h4>
                            <p>
                                基于Web2.0架构的大型金融系统的功能实现、实施；2、实现业务模块的开发，按时完成编码任务，对代码质量负责；3、按规范设计测试用例，进行单元测试，集成测试，并书写测试报告；
                            </p>
                            <a href="#"><img src="img/icon28.png"/></a>
                        </div>
                        <div class="col-sm-4 j-item">
                            <h4>技术工程师 </h4>
                            <p>
                                基于Web2.0架构的大型金融系统的功能实现、实施；2、实现业务模块的开发，按时完成编码任务，对代码质量负责；3、按规范设计测试用例，进行单元测试，集成测试，并书写测试报告；
                            </p>
                            <a href="#"><img src="img/icon28.png"/></a>
                        </div>
                    </div>
                    <div class="item con3_list_box">
                        <div class="col-sm-4 j-item">
                            <h4>技术工程师 </h4>
                            <p>
                                基于Web2.0架构的大型金融系统的功能实现、实施；2、实现业务模块的开发，按时完成编码任务，对代码质量负责；3、按规范设计测试用例，进行单元测试，集成测试，并书写测试报告；
                            </p>
                            <a href="#"><img src="img/icon28.png"/></a>
                        </div>
                        <div class="col-sm-4 j-item">
                            <h4>技术工程师 </h4>
                            <p>
                                基于Web2.0架构的大型金融系统的功能实现、实施；2、实现业务模块的开发，按时完成编码任务，对代码质量负责；3、按规范设计测试用例，进行单元测试，集成测试，并书写测试报告；
                            </p>
                            <a href="#"><img src="img/icon28.png"/></a>
                        </div>
                        <div class="col-sm-4 j-item">
                            <h4>技术工程师 </h4>
                            <p>
                                基于Web2.0架构的大型金融系统的功能实现、实施；2、实现业务模块的开发，按时完成编码任务，对代码质量负责；3、按规范设计测试用例，进行单元测试，集成测试，并书写测试报告；
                            </p>
                            <a href="#"><img src="img/icon28.png"/></a>
                        </div>
                    </div>
                </div>
            </div>
            <a class="right fr con4_con_a hidden-xs" href="#myCarousel1" role="button" data-slide="next">
                <img src="img/icon18.png" alt="">
            </a>
        </div>
    </div>



    <!--员工福利-->
    <div class="box-ti-3 container mt40" id="dian2">
        <h3>员工福利</h3>
        <div class="ti-3">
            <div class="ti-3-line"></div>
            <div class="ti-3-text">EMPLOYEE WELFARE</div>
            <div class="ti-3-line"></div>
        </div>
    </div>
    <div class="container j-fl">
        <div class="r">
            <span>
                给创造价值的人，提供实现价值的平台。 人才是指具备相应工作能力，能够胜任岗位工作并出色完成工作，为公司创造价值的员工。人才是公
            </span>
        </div>
        <div>
        <img class="testimg" src="img/bg-join1.jpg"/>
        </div>
    </div>   
    <div class="container j-con1">
        <div class="col-sm-4 j-con1-item wow slideInRight">
            <div>
                <img src="./img/icon-join1.png" alt="">
                <div>带薪年假</div>
                <p>单位给予员工提供的几种保障性待遇，包括养老保险、医疗保险、失业保险、工伤保险和生育保险，及住房公积金。</p>
            </div>
        </div>
        <div class="col-sm-4 j-con1-item wow slideInRight" data-wow-delay="0.1s">
            <div>
                <img src="./img/icon-join2.png" alt="">
                <div>带薪年假</div>
                <p>单位给予员工提供的几种保障性待遇，包括养老保险、医疗保险、失业保险、工伤保险和生育保险，及住房公积金。</p>
            </div>
        </div>
        <div class="col-sm-4 j-con1-item wow slideInRight" data-wow-delay="0.2s">
            <div>
                <img src="./img/icon-join3.png" alt="">
                <div>带薪年假</div>
                <p>单位给予员工提供的几种保障性待遇，包括养老保险、医疗保险、失业保险、工伤保险和生育保险，及住房公积金。</p>
            </div>
        </div>
    </div>
    
    
    <!--员工活动-->
    <div class="box-ti-3 container mt40" id="dian3">
        <h3>员工活动</h3>
        <div class="ti-3">
            <div class="ti-3-line"></div>
            <div class="ti-3-text">POSITION</div>
            <div class="ti-3-line"></div>
        </div>
    </div>
    
    <div class="container j-hd">
        <div class="j-hd-item">
            <div>
                <img src="./img/bg-joinhd1.jpg" alt="">
            </div>
            <p>团队坝上草原团建活动</p>
        </div>
        <div class="j-hd-item active">
            <div>
                <img src="./img/bg-joinhd3.jpg" alt="">
            </div>
            <p>团队坝上草原团建活动</p>
        </div>
        <div class="j-hd-item">
            <div>
                <img src="./img/bg-joinhd2.jpg" alt="">
            </div>
            <p>团队坝上草原团建活动</p>
        </div>
    </div>

    <!--员工风采-->
    <div class="box-ti-3 container mt40" id="dian4">
        <h3>员工风采</h3>
        <div class="ti-3">
            <div class="ti-3-line"></div>
            <div class="ti-3-text">SERVICE</div>
            <div class="ti-3-line"></div>
        </div>
    </div>
    <div class="container j-fc">
        <div class="col-sm-3 j-fc-item">
            <div>
                <em><img src="./img/j4.png" alt="" class="testimg"></em>
            </div>
            <p>李菲</p>
        </div>
        <div class="col-sm-3 j-fc-item">
            <div>
                <em><img src="./img/j4.png" alt="" class="testimg"></em>
            </div>
            <p>李菲</p>
        </div>
        <div class="col-sm-3 j-fc-item">
            <div>
                <em><img src="./img/j4.png" alt="" class="testimg"></em>
            </div>
            <p>李菲</p>
        </div>
        <div class="col-sm-3 j-fc-item">
            <div>
                <em><img src="./img/j4.png" alt="" class="testimg"></em>
            </div>
            <p>李菲</p>
        </div>
    </div>
</div>

<footer>
    <div class="footer">
        <div class="container">
            <div class="row">
                <div class="col-xs-6 col-sm-3">
                    <img class="footer_login" src="img/icon9.png" alt="">
                </div>
                <div class="col-xs-6 col-sm-2">
                    <ul>
                        <li><a href="#">关于我们</a></li>
                        <li>
                            <a href="#">产品与服务</a></li>
                        <li>
                            <a href="#">人才招聘</a></li>
                        <li>
                            <a href="#">新闻资讯</a></li>
                        <li>
                            <a href="#">技术创新</a>
                        </li>
                    </ul>
                </div>
                <div class="col-xs-12 col-sm-4">
                    <ul>
                        <li>
                            <img src="img/icon10.png" alt="">
                            北京市朝阳区东苇路301号东院一层301号
                        </li>
                        <li>
                            <img src="img/icon11.png" alt="">
                            +010-84247579
                        </li>
                        <li>
                            <img src="img/icon12.png" alt="">
                            htyx@easysky.com.cn
                        </li>
                        <li>
                            <img src="img/icon13.png" alt="">
                            http://www.easysky.com.cn
                        </li>
                    </ul>
                </div>
                <div class="col-xs-12 col-sm-3 hidden-xs">
                    <div class="fr pr">
                        <input type="text" placeholder="搜索">
                        <button></button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer_er">
        <div>友情链接：<a href="#">ICAO亚太区</a> I <a href="#">中国民航空管局</a> | <a href="#">泰雷兹</a> | <a href="#">欧控</a> | <a
                href="#">民航空局空中交通管理局</a> | <a href="#">民航空局空中交通管理局技术中心</a> | <a href="#">民航空管技术装备有限公司</a> | <a
                href="#">国际民航组织</a></div>
    </div>
    <div class="erNeb" id="menu">
        <ul>
            <li id="menu_1" class="open">
                <a href="#dian1">招聘职位</a>
            </li>
            <li id="menu_2">
                <a href="#dian2">员工福利</a>
            </li>
            <li id="menu_3">
                <a href="#dian3">员工活动</a>
            </li>
            <li id="menu_4">
                <a href="#dian4">员工风采</a>
            </li>
        </ul>
    </div>
</footer>
<script src="http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="js/wow.min.js"></script>
<script>
    new WOW().init();
    $("#myCarousel").carousel('cycle')
    $("#myCarouse1").carousel('cycle')
    $("#myCarouse2").carousel('cycle')
    $("#Top").click(function toTop(){
        $(window).scrollTop(0)
    })
    $(document).ready(function(){
        $(window).scroll(
            function () {
                console.log($(window).scrollTop())
                if($(window).scrollTop() > 283){
                    $('.erNeb').addClass('erNebTow')
                }else{
                    $('.erNeb').removeClass('erNebTow')
                }
                if($(window).scrollTop() > 500){
                    $('#Top').show()
                }else{
                    $('#Top').hide()
                }
                if($(window).scrollTop() > 0 && $(window).scrollTop() < 855){
                    $('#menu').find('.open').removeClass('open');
                    $('#menu_1').addClass('open')
                }else if($(window).scrollTop() > 855 && $(window).scrollTop() < 1513){
                    $('#menu').find('.open').removeClass('open');
                    $('#menu_2').addClass('open')
                }else if($(window).scrollTop() > 855 && $(window).scrollTop() < 2000){
                    $('#menu').find('.open').removeClass('open');
                    $('#menu_3').addClass('open')
                }else if($(window).scrollTop() > 2000 && $(window).scrollTop() < 2305){
                    $('#menu').find('.open').removeClass('open');
                    $('#menu_4').addClass('open')
                }else if($(window).scrollTop() > 2305){
                    $('#menu').find('.open').removeClass('open');
                    $('#menu_5').addClass('open')
                }
            }
        );
		
		$(".j-hd-item").hover(function(){
		  $(".j-hd-item").removeClass("active");
		  $(this).addClass("active");  			
		});

    });
</script>

<script src="http://www.jq22.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://www.jq22.com/demo/jQuery-zoom-150311223641/js/e-smart-zoom-jquery.min.js"></script>
<!--[if lt IE 9]>

    <script src="http://libs.baidu.com/html5shiv/3.6/html5shiv.min.js"></script>

<![endif]-->


<script type="text/javascript" src="js/jquery.zoomImgRollover.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $(".testimg").zoomImgRollover();
});
</script>
</body>
</html>